<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>最简单的待办事件列表</title>
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/index.js"></script>
</head>
<body>
    <header>
        <section>
            <div class="hd">
         <label for="title">ToDoList</label>
         <!-- placeholder:占位符提示信息 autocomplete="off"关掉书写痕迹-->
         <input type="text" id="title" name="title" placeholder="添加ToDo" required="required" autocomplete="off"> 
        </div>
        </section>
    </header>
    <section>
     <h2>正在进行<span id="todocount"></span></h2>
     <ol id="todolist" class="demo-box">
         <!-- <li> <input type="checkbox" >  <p>12222</p> <a href="javascript:;">删除</a></li> -->

     </ol>
     <h2>已经完成<span id="donecount"></span></h2>
     <ul id="donelist" class="demo-box">
        <!-- <li> <input type="checkbox" >  <p>12222</p> <a href="javascript:;">删除</a></li> -->

     </ul>
    </section>
</body>
</html>